.elementor-5255 .elementor-element.elementor-element-28369d51{--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;--overlay-opacity:0.78;--padding-top:50px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-28369d51::before, .elementor-5255 .elementor-element.elementor-element-28369d51 > .elementor-background-video-container::before, .elementor-5255 .elementor-element.elementor-element-28369d51 > .e-con-inner > .elementor-background-video-container::before, .elementor-5255 .elementor-element.elementor-element-28369d51 > .elementor-background-slideshow::before, .elementor-5255 .elementor-element.elementor-element-28369d51 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5255 .elementor-element.elementor-element-28369d51 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0F1C38;--background-overlay:'';}.elementor-5255 .elementor-element.elementor-element-13036ac6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5255 .elementor-element.elementor-element-16932246{--display:flex;}.elementor-5255 .elementor-element.elementor-element-16932246.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5255 .elementor-element.elementor-element-71c09f95{text-align:center;}.elementor-5255 .elementor-element.elementor-element-71c09f95 img{max-width:100%;}.elementor-5255 .elementor-element.elementor-element-3f40de8a{--display:flex;}.elementor-5255 .elementor-element.elementor-element-3f40de8a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-menu-item.wpr-pointer-item{transition-duration:0.2s;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-menu-item.wpr-pointer-item:before{transition-duration:0.2s;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-menu-item.wpr-pointer-item:after{transition-duration:0.2s;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-toggle-wrap{text-align:center;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-nav-menu .wpr-menu-item, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon{color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-nav-menu .wpr-menu-item:hover, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon{color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-line-fx .wpr-menu-item:before, .elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-line-fx .wpr-menu-item:after{background-color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-border-fx .wpr-menu-item:before{border-color:#DDB86F;border-width:2px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-background-fx .wpr-menu-item:before{background-color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .menu-item-has-children .wpr-sub-icon{font-size:14px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(14px + 7px);}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(14px + 7px);}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-nav-menu .wpr-menu-item,.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu a,.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-toggle-text{text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-underline .wpr-menu-item:after, .elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-overline .wpr-menu-item:before, .elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-double-line .wpr-menu-item:before, .elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-double-line .wpr-menu-item:after{height:2px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-underline>nav>ul>li>.wpr-menu-item:after, .elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-overline>nav>ul>li>.wpr-menu-item:before, .elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:before, .elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:after{height:2px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-border-fx>nav>ul>li>.wpr-menu-item:before{border-width:2px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-underline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after, .elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-overline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before, .elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before, .elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after{height:2px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-border-fx>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before{border-width:2px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:before{transform:translateY(-0px);}.elementor-5255 .elementor-element.elementor-element-71a0c5f:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:after{transform:translateY(0px);}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-nav-menu .wpr-menu-item{padding-left:7px;padding-right:7px;padding-top:15px;padding-bottom:15px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-7px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-7px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-nav-menu > .menu-item{margin-left:10px;margin-right:10px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:10px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:10px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:10px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-sub-menu .wpr-sub-menu-item, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-sub-menu > .menu-item-has-children .wpr-sub-icon{color:#333333;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-sub-menu .wpr-sub-menu-item{background-color:#ffffff;padding-left:15px;padding-right:15px;padding-top:13px;padding-bottom:13px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-sub-menu .wpr-sub-menu-item:hover, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-sub-menu > .menu-item-has-children .wpr-sub-menu-item:hover .wpr-sub-icon, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-sub-menu > .menu-item-has-children.current_page_item .wpr-sub-icon{color:#ffffff;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-sub-menu .wpr-sub-menu-item:hover, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item{background-color:#605BE5;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-sub-menu .wpr-sub-icon{right:15px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-sub-menu .wpr-sub-icon{left:15px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-nav-menu-horizontal .wpr-nav-menu > li > .wpr-sub-menu{margin-top:0px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-sub-divider-yes .wpr-sub-menu li:not(:last-child){border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-sub-menu{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu a, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu .menu-item-has-children > a:after{color:#333333;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu li{background-color:#ffffff;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu li a:hover, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu .menu-item-has-children > a:hover:after, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu li a.wpr-active-menu-item, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu a:hover, .elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu a.wpr-active-menu-item{background-color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu a{padding-left:10px;padding-right:10px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu .menu-item-has-children > a:after{margin-left:10px;margin-right:10px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu .wpr-mobile-menu-item{padding-top:10px;padding-bottom:10px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f.wpr-mobile-divider-yes .wpr-mobile-nav-menu a{border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item{font-size:12px;padding-top:5px;padding-bottom:5px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-nav-menu{margin-top:10px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-toggle{border-color:#FFFFFF;width:50px;border-width:0px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-toggle-text{color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-toggle-line{background-color:#FFFFFF;height:4px;margin-bottom:6px;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-toggle:hover{border-color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-toggle:hover .wpr-mobile-toggle-text{color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-71a0c5f .wpr-mobile-toggle:hover .wpr-mobile-toggle-line{background-color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-7f1b7953{--display:flex;}.elementor-5255 .elementor-element.elementor-element-6712d9ec .elementor-button{background-color:#DDB86F00;font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:20px 30px 20px 30px;}.elementor-5255 .elementor-element.elementor-element-6712d9ec .elementor-button:hover, .elementor-5255 .elementor-element.elementor-element-6712d9ec .elementor-button:focus{background-color:#FFFFFF;color:#0F1C38;}.elementor-5255 .elementor-element.elementor-element-6712d9ec .elementor-button:hover svg, .elementor-5255 .elementor-element.elementor-element-6712d9ec .elementor-button:focus svg{fill:#0F1C38;}.elementor-5255 .elementor-element.elementor-element-147764ba{--display:flex;}.elementor-5255 .elementor-element.elementor-element-147764ba.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5255 .elementor-element.elementor-element-4bfdb9b4{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-4334522a .elementor-heading-title{font-size:50px;font-weight:900;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-4b0a53d{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-3055a7e2{font-family:"Montserrat", Sans-serif;font-size:20px;}.elementor-5255 .elementor-element.elementor-element-1739912{font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1.7px;color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-4be9b350{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-3e838c61{--display:flex;--justify-content:center;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-6718bafd{text-align:center;}.elementor-5255 .elementor-element.elementor-element-6718bafd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;}.elementor-5255 .elementor-element.elementor-element-74c3f3b2{--display:flex;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-5b3f6877{text-align:center;}.elementor-5255 .elementor-element.elementor-element-5b3f6877 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;}.elementor-5255 .elementor-element.elementor-element-5b00924{--display:flex;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-595b3d3a{text-align:center;}.elementor-5255 .elementor-element.elementor-element-595b3d3a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;}.elementor-5255 .elementor-element.elementor-element-642a42ed{--display:flex;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-11de9000{text-align:center;}.elementor-5255 .elementor-element.elementor-element-11de9000 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;}.elementor-5255 .elementor-element.elementor-element-5af18adc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-7c97b865{--display:flex;--justify-content:center;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-6c556ae7{text-align:center;}.elementor-5255 .elementor-element.elementor-element-6c556ae7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;}.elementor-5255 .elementor-element.elementor-element-25297ada{--display:flex;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-69289dd3{text-align:center;}.elementor-5255 .elementor-element.elementor-element-69289dd3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;}.elementor-5255 .elementor-element.elementor-element-5206f41c{--display:flex;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-3ed2d7b7{text-align:center;}.elementor-5255 .elementor-element.elementor-element-3ed2d7b7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;}.elementor-5255 .elementor-element.elementor-element-30439fd4{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-612f6565 .elementor-button{background-color:#DDB86F;font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;fill:#172E63;color:#172E63;border-radius:0px 0px 0px 0px;padding:20px 30px 20px 30px;}.elementor-5255 .elementor-element.elementor-element-612f6565 .elementor-button:hover, .elementor-5255 .elementor-element.elementor-element-612f6565 .elementor-button:focus{color:#172E63;}.elementor-5255 .elementor-element.elementor-element-612f6565 .elementor-button:hover svg, .elementor-5255 .elementor-element.elementor-element-612f6565 .elementor-button:focus svg{fill:#172E63;}.elementor-5255 .elementor-element.elementor-element-2bf788b4 .elementor-button{background-color:#DDB86F00;font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:20px 30px 20px 30px;}.elementor-5255 .elementor-element.elementor-element-2bf788b4 .elementor-button:hover, .elementor-5255 .elementor-element.elementor-element-2bf788b4 .elementor-button:focus{color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-2bf788b4 .elementor-button:hover svg, .elementor-5255 .elementor-element.elementor-element-2bf788b4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-7fe31433{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:35px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-658f76d6{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#0F1C38;}.elementor-5255 .elementor-element.elementor-element-2a66a522{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;text-align:center;}.elementor-5255 .elementor-element.elementor-element-2a66a522 .elementor-heading-title{font-size:45px;font-weight:900;text-transform:uppercase;color:#0F1C38;}.elementor-5255 .elementor-element.elementor-element-e7c9a44{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-e7c9a44:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-e7c9a44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(143deg, #0F1C38 0%, #172E63 100%);}.elementor-5255 .elementor-element.elementor-element-16868311{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5255 .elementor-element.elementor-element-333f2a88{--display:flex;}.elementor-5255 .elementor-element.elementor-element-5777f1c8{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-333424d0 .elementor-heading-title{font-size:45px;font-weight:900;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-2db800c{font-family:"Montserrat", Sans-serif;font-size:20px;}.elementor-5255 .elementor-element.elementor-element-7ec66739{--divider-border-style:solid;--divider-color:#FFFFFF69;--divider-border-width:1px;}.elementor-5255 .elementor-element.elementor-element-7ec66739 > .elementor-widget-container{margin:-30px 0px -30px 0px;}.elementor-5255 .elementor-element.elementor-element-7ec66739 .elementor-divider-separator{width:100%;}.elementor-5255 .elementor-element.elementor-element-7ec66739 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5255 .elementor-element.elementor-element-d407f20{--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-5255 .elementor-element.elementor-element-3f742fae .elementor-icon-list-icon i{color:#DDB86F;transition:color 0.3s;}.elementor-5255 .elementor-element.elementor-element-3f742fae .elementor-icon-list-icon svg{fill:#DDB86F;transition:fill 0.3s;}.elementor-5255 .elementor-element.elementor-element-3f742fae{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5255 .elementor-element.elementor-element-3f742fae .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5255 .elementor-element.elementor-element-3f742fae .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-3f742fae .elementor-icon-list-text{transition:color 0.3s;}.elementor-5255 .elementor-element.elementor-element-6029af37 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-6029af37 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-5255 .elementor-element.elementor-element-6029af37 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-5255 .elementor-element.elementor-element-6029af37{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5255 .elementor-element.elementor-element-6029af37 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5255 .elementor-element.elementor-element-6029af37 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-6029af37 .elementor-icon-list-text{transition:color 0.3s;}.elementor-5255 .elementor-element.elementor-element-64873528{--display:flex;--justify-content:center;}.elementor-5255 .elementor-element.elementor-element-73435ca5{width:100%;max-width:100%;}.elementor-5255 .elementor-element.elementor-element-73435ca5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-73435ca5 img{max-width:100%;border-style:none;}.elementor-5255 .elementor-element.elementor-element-465e4245{width:100%;max-width:100%;}.elementor-5255 .elementor-element.elementor-element-465e4245 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-465e4245 img{max-width:100%;border-style:none;}.elementor-5255 .elementor-element.elementor-element-71f5e040{--display:flex;}.elementor-5255 .elementor-element.elementor-element-787678c1{width:100%;max-width:100%;text-align:start;}.elementor-5255 .elementor-element.elementor-element-787678c1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-5255 .elementor-element.elementor-element-787678c1 img{max-width:80%;border-style:none;}.elementor-5255 .elementor-element.elementor-element-53b4fa3e{--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;}.elementor-5255 .elementor-element.elementor-element-39d88da1{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-39d88da1:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-39d88da1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-198a1e75.elementor-element{--align-self:center;}.elementor-5255 .elementor-element.elementor-element-198a1e75 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Montserrat", Sans-serif;font-size:30px;}.elementor-5255 .elementor-element.elementor-element-3ecbacb0{text-align:center;}.elementor-5255 .elementor-element.elementor-element-3ecbacb0 .elementor-heading-title{font-size:13px;font-weight:200;text-transform:uppercase;line-height:19px;color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-3bd2ce95{--divider-border-style:solid;--divider-color:#DDB86F;--divider-border-width:3px;}.elementor-5255 .elementor-element.elementor-element-3bd2ce95 .elementor-divider-separator{width:100%;}.elementor-5255 .elementor-element.elementor-element-3bd2ce95 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5255 .elementor-element.elementor-element-523b3bb6{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-523b3bb6:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-523b3bb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-3dd76fc4.elementor-element{--align-self:center;}.elementor-5255 .elementor-element.elementor-element-3dd76fc4 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Montserrat", Sans-serif;font-size:30px;}.elementor-5255 .elementor-element.elementor-element-47f919cf{text-align:center;}.elementor-5255 .elementor-element.elementor-element-47f919cf .elementor-heading-title{font-size:13px;font-weight:200;text-transform:uppercase;line-height:19px;color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-c93f9a0{--divider-border-style:solid;--divider-color:#DDB86F;--divider-border-width:3px;}.elementor-5255 .elementor-element.elementor-element-c93f9a0 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-c93f9a0 .elementor-divider-separator{width:100%;}.elementor-5255 .elementor-element.elementor-element-c93f9a0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5255 .elementor-element.elementor-element-17e6a63a{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-17e6a63a:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-17e6a63a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-5bf93e4.elementor-element{--align-self:center;}.elementor-5255 .elementor-element.elementor-element-5bf93e4 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Montserrat", Sans-serif;font-size:30px;}.elementor-5255 .elementor-element.elementor-element-7d7f71d{text-align:center;}.elementor-5255 .elementor-element.elementor-element-7d7f71d .elementor-heading-title{font-size:13px;font-weight:200;text-transform:uppercase;line-height:19px;color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-c72dca7{--divider-border-style:solid;--divider-color:#DDB86F;--divider-border-width:3px;}.elementor-5255 .elementor-element.elementor-element-c72dca7 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-c72dca7 .elementor-divider-separator{width:100%;}.elementor-5255 .elementor-element.elementor-element-c72dca7 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5255 .elementor-element.elementor-element-46049bea{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-46049bea:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-46049bea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-8d306ff.elementor-element{--align-self:center;}.elementor-5255 .elementor-element.elementor-element-8d306ff .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Montserrat", Sans-serif;font-size:30px;}.elementor-5255 .elementor-element.elementor-element-74012248{text-align:center;}.elementor-5255 .elementor-element.elementor-element-74012248 .elementor-heading-title{font-size:13px;font-weight:200;text-transform:uppercase;line-height:19px;color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-750d4717{--divider-border-style:solid;--divider-color:#DDB86F;--divider-border-width:3px;}.elementor-5255 .elementor-element.elementor-element-750d4717 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-750d4717 .elementor-divider-separator{width:100%;}.elementor-5255 .elementor-element.elementor-element-750d4717 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5255 .elementor-element.elementor-element-3ebc3ce0{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-3ebc3ce0:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-3ebc3ce0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-4ad3964b.elementor-element{--align-self:center;}.elementor-5255 .elementor-element.elementor-element-4ad3964b .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Montserrat", Sans-serif;font-size:30px;}.elementor-5255 .elementor-element.elementor-element-111f0df4{text-align:center;}.elementor-5255 .elementor-element.elementor-element-111f0df4 .elementor-heading-title{font-size:13px;font-weight:200;text-transform:uppercase;line-height:19px;color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-2d0f8067{--divider-border-style:solid;--divider-color:#DDB86F;--divider-border-width:3px;}.elementor-5255 .elementor-element.elementor-element-2d0f8067 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-2d0f8067 .elementor-divider-separator{width:100%;}.elementor-5255 .elementor-element.elementor-element-2d0f8067 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5255 .elementor-element.elementor-element-6e982415{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-6e982415:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-6e982415 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5FA;}.elementor-5255 .elementor-element.elementor-element-5855b7fb{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5255 .elementor-element.elementor-element-740abfa1{--display:flex;}.elementor-5255 .elementor-element.elementor-element-28565621{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-c4c28c7 .elementor-heading-title{font-size:45px;font-weight:900;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-4d5966bf{--display:flex;}.elementor-5255 .elementor-element.elementor-element-29ed0248{--display:flex;}.elementor-5255 .elementor-element.elementor-element-113dc057{--display:flex;}.elementor-5255 .elementor-element.elementor-element-549580b1{--display:flex;}.elementor-5255 .elementor-element.elementor-element-1c5ab266 .elementor-heading-title{font-size:30px;font-weight:600;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-68d0dba9{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-3bf62801{--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;}.elementor-5255 .elementor-element.elementor-element-4450abf{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-4450abf:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-4450abf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-357d3233 .elementor-heading-title{font-size:20px;font-weight:600;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-5ce3ab1{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-4d9b0507{font-family:"Montserrat", Sans-serif;font-size:16px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-681a45b1{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-599c9c84{--display:flex;}.elementor-5255 .elementor-element.elementor-element-9379a18{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-f41485a{--display:flex;}.elementor-5255 .elementor-element.elementor-element-615ba469{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-4cd7021b{--display:flex;}.elementor-5255 .elementor-element.elementor-element-629e8d5b{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-726e0779{--display:flex;}.elementor-5255 .elementor-element.elementor-element-180c6e92{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-4d5064dc{--display:flex;}.elementor-5255 .elementor-element.elementor-element-74c5b386{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-5d000c33{--display:flex;}.elementor-5255 .elementor-element.elementor-element-37963f58{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-72e92023{--display:flex;}.elementor-5255 .elementor-element.elementor-element-49c4790e{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-4c24fc73{--display:flex;}.elementor-5255 .elementor-element.elementor-element-3c5933f3{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-6d8bc055{--display:flex;}.elementor-5255 .elementor-element.elementor-element-172c380{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-1708be93{--display:flex;}.elementor-5255 .elementor-element.elementor-element-2ffb17ba{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-16fa3e3f{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:12px;--n-tabs-title-color:#172E63;--n-tabs-title-color-active:#172E63;}.elementor-5255 .elementor-element.elementor-element-16fa3e3f > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-16fa3e3f.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#172E63;}.elementor-5255 .elementor-element.elementor-element-16fa3e3f.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5255 .elementor-element.elementor-element-16fa3e3f.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E4EAF7;}.elementor-5255 .elementor-element.elementor-element-16fa3e3f.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6E6E6;}.elementor-5255 .elementor-element.elementor-element-16fa3e3f.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-16fa3e3f [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#172E63;}.elementor-5255 .elementor-element.elementor-element-24c75fba{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-24c75fba:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-24c75fba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-69a755e6 .elementor-heading-title{font-size:20px;font-weight:600;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-7fd83668{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-2e38d7e9{font-family:"Montserrat", Sans-serif;font-size:16px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-6d25bf0f{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-73a068ff{--display:flex;}.elementor-5255 .elementor-element.elementor-element-79646346{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-5927c8e1{--display:flex;}.elementor-5255 .elementor-element.elementor-element-5d80fef3{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-38e292db{--display:flex;}.elementor-5255 .elementor-element.elementor-element-f701630{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-d49af22{--display:flex;}.elementor-5255 .elementor-element.elementor-element-1eaf60e8{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-7443bb4a{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:12px;--n-tabs-title-color:#172E63;--n-tabs-title-color-active:#172E63;}.elementor-5255 .elementor-element.elementor-element-7443bb4a > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-7443bb4a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#172E63;}.elementor-5255 .elementor-element.elementor-element-7443bb4a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5255 .elementor-element.elementor-element-7443bb4a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E4EAF7;}.elementor-5255 .elementor-element.elementor-element-7443bb4a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6E6E6;}.elementor-5255 .elementor-element.elementor-element-7443bb4a.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-7443bb4a [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#172E63;}.elementor-5255 .elementor-element.elementor-element-23bb87a9{--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;}.elementor-5255 .elementor-element.elementor-element-112ecd8b{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-112ecd8b:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-112ecd8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-5d71fc6e .elementor-heading-title{font-size:20px;font-weight:600;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-6d9cb03d{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-36011a61{font-family:"Montserrat", Sans-serif;font-size:16px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-4bab74f0{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-3eb5a00d{--display:flex;}.elementor-5255 .elementor-element.elementor-element-2f70785f{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-7ac3bb6d{--display:flex;}.elementor-5255 .elementor-element.elementor-element-cb28320{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-b25b61c{--display:flex;}.elementor-5255 .elementor-element.elementor-element-245855ce{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-6f4624fc{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:12px;--n-tabs-title-color:#172E63;--n-tabs-title-color-active:#172E63;}.elementor-5255 .elementor-element.elementor-element-6f4624fc > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-6f4624fc.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#172E63;}.elementor-5255 .elementor-element.elementor-element-6f4624fc.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5255 .elementor-element.elementor-element-6f4624fc.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E4EAF7;}.elementor-5255 .elementor-element.elementor-element-6f4624fc.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6E6E6;}.elementor-5255 .elementor-element.elementor-element-6f4624fc.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-6f4624fc [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#172E63;}.elementor-5255 .elementor-element.elementor-element-48faf5b6{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-48faf5b6:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-48faf5b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-67835517 .elementor-heading-title{font-size:20px;font-weight:600;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-7829b3a5{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-413f9728{font-family:"Montserrat", Sans-serif;font-size:16px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-2776f15e{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-550ba3f4{--display:flex;}.elementor-5255 .elementor-element.elementor-element-7b6ed90{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-6b541769{--display:flex;}.elementor-5255 .elementor-element.elementor-element-34de12fb{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-377f6801{--display:flex;}.elementor-5255 .elementor-element.elementor-element-2167eaee{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-4dc87abb{--display:flex;}.elementor-5255 .elementor-element.elementor-element-5b2dc30{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-5b9a455c{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:12px;--n-tabs-title-color:#172E63;--n-tabs-title-color-active:#172E63;}.elementor-5255 .elementor-element.elementor-element-5b9a455c > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-5b9a455c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#172E63;}.elementor-5255 .elementor-element.elementor-element-5b9a455c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5255 .elementor-element.elementor-element-5b9a455c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E4EAF7;}.elementor-5255 .elementor-element.elementor-element-5b9a455c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6E6E6;}.elementor-5255 .elementor-element.elementor-element-5b9a455c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-5b9a455c [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#172E63;}.elementor-5255 .elementor-element.elementor-element-1bce13e1{--display:flex;}.elementor-5255 .elementor-element.elementor-element-35f972be .elementor-heading-title{font-size:30px;font-weight:600;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-1f5b0a02{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-60391b1a{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-30a1d388{--display:flex;}.elementor-5255 .elementor-element.elementor-element-350641cf .elementor-heading-title{font-size:30px;font-weight:600;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-74fd0a06{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-5669150e{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-123c34ef{--display:flex;}.elementor-5255 .elementor-element.elementor-element-62a56ee3{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-371949fa{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:14px;--n-tabs-title-color:#172E63;--n-tabs-title-color-active:#172E63;}.elementor-5255 .elementor-element.elementor-element-371949fa > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-371949fa.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#172E63;}.elementor-5255 .elementor-element.elementor-element-371949fa.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5255 .elementor-element.elementor-element-371949fa.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E4EAF7;}.elementor-5255 .elementor-element.elementor-element-371949fa.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6E6E6;}.elementor-5255 .elementor-element.elementor-element-371949fa.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-371949fa [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#172E63;}.elementor-5255 .elementor-element.elementor-element-5f6a2d78{--display:flex;}.elementor-5255 .elementor-element.elementor-element-22257900 .elementor-heading-title{font-size:30px;font-weight:600;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-21949fa7{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-cfb52a2{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-4b98a446{--display:flex;}.elementor-5255 .elementor-element.elementor-element-1abba318 .elementor-heading-title{font-size:30px;font-weight:600;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-23e69286{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-518bd359{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-8947bb4{--display:flex;}.elementor-5255 .elementor-element.elementor-element-855ae0b{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-157dec44{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:14px;--n-tabs-title-color:#172E63;--n-tabs-title-color-active:#172E63;}.elementor-5255 .elementor-element.elementor-element-157dec44 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-157dec44.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#172E63;}.elementor-5255 .elementor-element.elementor-element-157dec44.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5255 .elementor-element.elementor-element-157dec44.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E4EAF7;}.elementor-5255 .elementor-element.elementor-element-157dec44.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6E6E6;}.elementor-5255 .elementor-element.elementor-element-157dec44.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-157dec44 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#172E63;}.elementor-5255 .elementor-element.elementor-element-1a90a242{--display:flex;}.elementor-5255 .elementor-element.elementor-element-46fd450f .elementor-heading-title{font-size:30px;font-weight:600;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-7538fa98{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-d9f743d{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-9168305{--display:flex;}.elementor-5255 .elementor-element.elementor-element-12b0ec00 .elementor-heading-title{font-size:30px;font-weight:600;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-40425271{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-5cfa02e4{--e-image-carousel-slides-to-show:1;}.elementor-5255 .elementor-element.elementor-element-351d78b{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:14px;}.elementor-5255 .elementor-element.elementor-element-351d78b > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-351d78b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#172E63;}.elementor-5255 .elementor-element.elementor-element-351d78b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5255 .elementor-element.elementor-element-351d78b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#172E63;}.elementor-5255 .elementor-element.elementor-element-351d78b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6E6E6;}.elementor-5255 .elementor-element.elementor-element-351d78b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-351d78b [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#172E63;}.elementor-5255 .elementor-element.elementor-element-5177b119{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5255 .elementor-element.elementor-element-1a09f5f4 .elementor-button{background-color:#DDB86F00;font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;fill:#172E63;color:#172E63;border-style:solid;border-width:1px 1px 1px 1px;border-color:#172E63;border-radius:0px 0px 0px 0px;padding:20px 30px 20px 30px;}.elementor-5255 .elementor-element.elementor-element-1a09f5f4 .elementor-button:hover, .elementor-5255 .elementor-element.elementor-element-1a09f5f4 .elementor-button:focus{background-color:#172E63;color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-1a09f5f4 .elementor-button:hover svg, .elementor-5255 .elementor-element.elementor-element-1a09f5f4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-5c8c791d{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-5c8c791d:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-5c8c791d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5FA;}.elementor-5255 .elementor-element.elementor-element-48bf0d24{--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;}.elementor-5255 .elementor-element.elementor-element-25a1544a{--display:flex;}.elementor-5255 .elementor-element.elementor-element-3c765c59{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-3e92adff .elementor-heading-title{font-size:45px;font-weight:900;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-68b20fd8{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-23f9375c{--display:flex;}.elementor-5255 .elementor-element.elementor-element-26430444{--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;}.elementor-5255 .elementor-element.elementor-element-721abc2a{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;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:#BEBEBE;--border-color:#BEBEBE;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-721abc2a:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-721abc2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-721abc2a:hover{background-color:#F7F7F7;border-style:solid;border-width:01px 01px 01px 01px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:01px;border-color:#BEBEBE;--border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-721abc2a, .elementor-5255 .elementor-element.elementor-element-721abc2a::before{--border-transition:0.3s;}.elementor-5255 .elementor-element.elementor-element-4f0a0f91 .elementor-icon-wrapper{text-align:start;}.elementor-5255 .elementor-element.elementor-element-4f0a0f91.elementor-view-stacked .elementor-icon{background-color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-4f0a0f91.elementor-view-framed .elementor-icon, .elementor-5255 .elementor-element.elementor-element-4f0a0f91.elementor-view-default .elementor-icon{color:#0342D3;border-color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-4f0a0f91.elementor-view-framed .elementor-icon, .elementor-5255 .elementor-element.elementor-element-4f0a0f91.elementor-view-default .elementor-icon svg{fill:#0342D3;}.elementor-5255 .elementor-element.elementor-element-4f0a0f91 .elementor-icon{font-size:30px;}.elementor-5255 .elementor-element.elementor-element-4f0a0f91 .elementor-icon svg{height:30px;}.elementor-5255 .elementor-element.elementor-element-24ef3626 .elementor-heading-title{font-size:24px;font-weight:900;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-2c3d5369{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-387cbed4{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;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:#BEBEBE;--border-color:#BEBEBE;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-387cbed4:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-387cbed4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-387cbed4:hover{background-color:#F7F7F7;border-style:solid;border-width:01px 01px 01px 01px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:01px;border-color:#BEBEBE;--border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-387cbed4, .elementor-5255 .elementor-element.elementor-element-387cbed4::before{--border-transition:0.3s;}.elementor-5255 .elementor-element.elementor-element-2e56e00a .elementor-icon-wrapper{text-align:start;}.elementor-5255 .elementor-element.elementor-element-2e56e00a.elementor-view-stacked .elementor-icon{background-color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-2e56e00a.elementor-view-framed .elementor-icon, .elementor-5255 .elementor-element.elementor-element-2e56e00a.elementor-view-default .elementor-icon{color:#0342D3;border-color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-2e56e00a.elementor-view-framed .elementor-icon, .elementor-5255 .elementor-element.elementor-element-2e56e00a.elementor-view-default .elementor-icon svg{fill:#0342D3;}.elementor-5255 .elementor-element.elementor-element-2e56e00a .elementor-icon{font-size:30px;}.elementor-5255 .elementor-element.elementor-element-2e56e00a .elementor-icon svg{height:30px;}.elementor-5255 .elementor-element.elementor-element-4dace7f3 .elementor-heading-title{font-size:24px;font-weight:900;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-542cc768{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-3345af22{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;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:#BEBEBE;--border-color:#BEBEBE;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-3345af22:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-3345af22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-3345af22:hover{background-color:#F7F7F7;border-style:solid;border-width:01px 01px 01px 01px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:01px;border-color:#BEBEBE;--border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-3345af22, .elementor-5255 .elementor-element.elementor-element-3345af22::before{--border-transition:0.3s;}.elementor-5255 .elementor-element.elementor-element-1be47a62 .elementor-icon-wrapper{text-align:start;}.elementor-5255 .elementor-element.elementor-element-1be47a62.elementor-view-stacked .elementor-icon{background-color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-1be47a62.elementor-view-framed .elementor-icon, .elementor-5255 .elementor-element.elementor-element-1be47a62.elementor-view-default .elementor-icon{color:#0342D3;border-color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-1be47a62.elementor-view-framed .elementor-icon, .elementor-5255 .elementor-element.elementor-element-1be47a62.elementor-view-default .elementor-icon svg{fill:#0342D3;}.elementor-5255 .elementor-element.elementor-element-1be47a62 .elementor-icon{font-size:30px;}.elementor-5255 .elementor-element.elementor-element-1be47a62 .elementor-icon svg{height:30px;}.elementor-5255 .elementor-element.elementor-element-654bf8b .elementor-heading-title{font-size:24px;font-weight:900;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-794ee273{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-10b9552b{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-10b9552b:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-10b9552b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4EAF7;}.elementor-5255 .elementor-element.elementor-element-67f132e0{--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;}.elementor-5255 .elementor-element.elementor-element-1e6fc6ee{--display:flex;}.elementor-5255 .elementor-element.elementor-element-3f63ef81{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-3c190587 .elementor-heading-title{font-size:45px;font-weight:900;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-35d53cb9{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-3dc7e092{--display:flex;}.elementor-5255 .elementor-element.elementor-element-9649124{--display:flex;}.elementor-5255 .elementor-element.elementor-element-eafb682{--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;}.elementor-5255 .elementor-element.elementor-element-4c9d7d0a{--display:flex;}.elementor-5255 .elementor-element.elementor-element-26c86b1 .elementor-heading-title{font-size:18px;font-weight:800;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-17373e60{font-family:"Montserrat", Sans-serif;font-size:14px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-76a618e5{--display:flex;}.elementor-5255 .elementor-element.elementor-element-7be13409 .elementor-heading-title{font-size:18px;font-weight:800;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-2d6a3f2a{font-family:"Montserrat", Sans-serif;font-size:14px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-5a8c5978{--display:flex;}.elementor-5255 .elementor-element.elementor-element-957baa4 .elementor-heading-title{font-size:18px;font-weight:800;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-28e75164{font-family:"Montserrat", Sans-serif;font-size:14px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-562c1bf7{--display:flex;}.elementor-5255 .elementor-element.elementor-element-70d465d4 .elementor-heading-title{font-size:18px;font-weight:800;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-7a530af9{font-family:"Montserrat", Sans-serif;font-size:14px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-3f6d7da5{--display:flex;}.elementor-5255 .elementor-element.elementor-element-359ff22d .elementor-heading-title{font-size:18px;font-weight:800;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-63861bf6{font-family:"Montserrat", Sans-serif;font-size:14px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-40d7700f{--display:flex;}.elementor-5255 .elementor-element.elementor-element-24a89272 .elementor-heading-title{font-size:18px;font-weight:800;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-1609b02c{font-family:"Montserrat", Sans-serif;font-size:14px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-47b84d53{--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;border-style:solid;--border-style:solid;border-width:0px 0px 0px 04px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:04px;border-color:#DDB86F;--border-color:#DDB86F;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-47b84d53:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-47b84d53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-2bfa5821{--display:flex;--justify-content:center;}.elementor-5255 .elementor-element.elementor-element-6ecf8206{text-align:center;}.elementor-5255 .elementor-element.elementor-element-6ecf8206 .elementor-heading-title{font-size:50px;font-weight:600;text-transform:uppercase;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-32415d94{--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-5255 .elementor-element.elementor-element-5b4d3fa6{font-family:"Montserrat", Sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1.7px;color:#3F3F3F;}.elementor-5255 .elementor-element.elementor-element-224dfc76{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#727272;}.elementor-5255 .elementor-element.elementor-element-2382f7b5{--display:flex;--justify-content:center;}.elementor-5255 .elementor-element.elementor-element-c2074e6 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-c2074e6:hover .elementor-widget-container{border-style:solid;border-width:0px 0px 01px 0px;border-color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-c2074e6{text-align:center;}.elementor-5255 .elementor-element.elementor-element-c2074e6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-276dbf19{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-276dbf19:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-276dbf19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5FA;}.elementor-5255 .elementor-element.elementor-element-76fcd5b9{--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;}.elementor-5255 .elementor-element.elementor-element-2fbfb194{--display:flex;}.elementor-5255 .elementor-element.elementor-element-6f803a2a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#3C4C71;}.elementor-5255 .elementor-element.elementor-element-1d004d4 .elementor-heading-title{font-size:45px;font-weight:900;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-11cb06f5{--display:flex;}.elementor-5255 .elementor-element.elementor-element-6ab3b801{--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;}.elementor-5255 .elementor-element.elementor-element-4edbc05f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;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:#BEBEBE;--border-color:#BEBEBE;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-4edbc05f:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-4edbc05f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-4edbc05f:hover{background-color:#F7F7F7;border-style:solid;border-width:01px 01px 01px 01px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:01px;border-color:#BEBEBE;--border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-4edbc05f, .elementor-5255 .elementor-element.elementor-element-4edbc05f::before{--border-transition:0.3s;}.elementor-5255 .elementor-element.elementor-element-73656c20.elementor-element{--align-self:center;}.elementor-5255 .elementor-element.elementor-element-73656c20 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#172E63;font-family:"Montserrat", Sans-serif;font-size:40px;font-style:italic;}.elementor-5255 .elementor-element.elementor-element-79123300{text-align:center;}.elementor-5255 .elementor-element.elementor-element-79123300 .elementor-heading-title{font-size:18px;font-weight:600;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-18acb181{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-2f9031a1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;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:#BEBEBE;--border-color:#BEBEBE;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-2f9031a1:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-2f9031a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-2f9031a1:hover{background-color:#F7F7F7;border-style:solid;border-width:01px 01px 01px 01px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:01px;border-color:#BEBEBE;--border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-2f9031a1, .elementor-5255 .elementor-element.elementor-element-2f9031a1::before{--border-transition:0.3s;}.elementor-5255 .elementor-element.elementor-element-7301337a.elementor-element{--align-self:center;}.elementor-5255 .elementor-element.elementor-element-7301337a .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#172E63;font-family:"Montserrat", Sans-serif;font-size:40px;font-style:italic;}.elementor-5255 .elementor-element.elementor-element-6b65ad9a{text-align:center;}.elementor-5255 .elementor-element.elementor-element-6b65ad9a .elementor-heading-title{font-size:18px;font-weight:600;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-6e345e2d{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-2951ed77{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;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:#BEBEBE;--border-color:#BEBEBE;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-2951ed77:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-2951ed77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-2951ed77:hover{background-color:#F7F7F7;border-style:solid;border-width:01px 01px 01px 01px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:01px;border-color:#BEBEBE;--border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-2951ed77, .elementor-5255 .elementor-element.elementor-element-2951ed77::before{--border-transition:0.3s;}.elementor-5255 .elementor-element.elementor-element-e6e46de{text-align:center;}.elementor-5255 .elementor-element.elementor-element-e6e46de .elementor-heading-title{font-size:40px;font-weight:600;text-transform:uppercase;font-style:italic;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-34989ff7{text-align:center;}.elementor-5255 .elementor-element.elementor-element-34989ff7 .elementor-heading-title{font-size:18px;font-weight:600;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-366e83fb{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-342df845{--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;}.elementor-5255 .elementor-element.elementor-element-352e5a87{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;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:#BEBEBE;--border-color:#BEBEBE;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-352e5a87:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-352e5a87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-352e5a87:hover{background-color:#F7F7F7;border-style:solid;border-width:01px 01px 01px 01px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:01px;border-color:#BEBEBE;--border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-352e5a87, .elementor-5255 .elementor-element.elementor-element-352e5a87::before{--border-transition:0.3s;}.elementor-5255 .elementor-element.elementor-element-681fff27{font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-cc7e345{text-align:center;}.elementor-5255 .elementor-element.elementor-element-cc7e345 .elementor-heading-title{font-size:24px;font-weight:600;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-17516b03{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-38cdbe5c{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;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:#BEBEBE;--border-color:#BEBEBE;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-38cdbe5c:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-38cdbe5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-38cdbe5c:hover{background-color:#F7F7F7;border-style:solid;border-width:01px 01px 01px 01px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:01px;border-color:#BEBEBE;--border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-38cdbe5c, .elementor-5255 .elementor-element.elementor-element-38cdbe5c::before{--border-transition:0.3s;}.elementor-5255 .elementor-element.elementor-element-65856cbc{font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-12f2424{text-align:center;}.elementor-5255 .elementor-element.elementor-element-12f2424 .elementor-heading-title{font-size:24px;font-weight:600;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-724cb67b{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-715e0c08{--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;}.elementor-5255 .elementor-element.elementor-element-32962476{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;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:#BEBEBE;--border-color:#BEBEBE;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-32962476:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-32962476 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-32962476:hover{background-color:#F7F7F7;border-style:solid;border-width:01px 01px 01px 01px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:01px;border-color:#BEBEBE;--border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-32962476, .elementor-5255 .elementor-element.elementor-element-32962476::before{--border-transition:0.3s;}.elementor-5255 .elementor-element.elementor-element-a513a25{font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-28ff41d8{text-align:center;}.elementor-5255 .elementor-element.elementor-element-28ff41d8 .elementor-heading-title{font-size:24px;font-weight:600;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-f41087b{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-4db08bd0{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;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:#BEBEBE;--border-color:#BEBEBE;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-4db08bd0:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-4db08bd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-4db08bd0:hover{background-color:#F7F7F7;border-style:solid;border-width:01px 01px 01px 01px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:01px;border-color:#BEBEBE;--border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-4db08bd0, .elementor-5255 .elementor-element.elementor-element-4db08bd0::before{--border-transition:0.3s;}.elementor-5255 .elementor-element.elementor-element-39a29d76{font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-3230b28f{text-align:center;}.elementor-5255 .elementor-element.elementor-element-3230b28f .elementor-heading-title{font-size:24px;font-weight:600;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-53e47db3{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-45fa29f3{--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;}.elementor-5255 .elementor-element.elementor-element-1e2bfff6{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-1e2bfff6:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-1e2bfff6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(158deg, #011A39 0%, #003470 100%);}.elementor-5255 .elementor-element.elementor-element-1e2bfff6:hover{background-color:#F7F7F7;border-style:solid;border-width:01px 01px 01px 01px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:01px;border-color:#BEBEBE;--border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-1e2bfff6, .elementor-5255 .elementor-element.elementor-element-1e2bfff6::before{--border-transition:0.3s;}.elementor-5255 .elementor-element.elementor-element-f641d51{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:1.7px;color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-2319a70{text-align:center;}.elementor-5255 .elementor-element.elementor-element-2319a70 .elementor-heading-title{font-size:24px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-191fd8f7{font-family:"Montserrat", Sans-serif;font-size:20px;}.elementor-5255 .elementor-element.elementor-element-6692064{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-3cb5cf82{--display:flex;--justify-content:center;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-27415fea{text-align:center;}.elementor-5255 .elementor-element.elementor-element-27415fea .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-5696bc84{--display:flex;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-2fcab77a{text-align:center;}.elementor-5255 .elementor-element.elementor-element-2fcab77a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-387babba{--display:flex;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-3699bdcf{text-align:center;}.elementor-5255 .elementor-element.elementor-element-3699bdcf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-2b1b9c97{--display:flex;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-350a2c70{text-align:center;}.elementor-5255 .elementor-element.elementor-element-350a2c70 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-487ab693{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-63bda9a9{--display:flex;--justify-content:center;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-5b7c300c{text-align:center;}.elementor-5255 .elementor-element.elementor-element-5b7c300c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-49efb9cb{--display:flex;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-33ed7a44{text-align:center;}.elementor-5255 .elementor-element.elementor-element-33ed7a44 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-34d45282{--display:flex;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-7bad781{text-align:center;}.elementor-5255 .elementor-element.elementor-element-7bad781 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-2cb2bf8b{--display:flex;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:#FFFFFF;--border-color:#FFFFFF;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5255 .elementor-element.elementor-element-1c58df51{text-align:center;}.elementor-5255 .elementor-element.elementor-element-1c58df51 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-3257030c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5255 .elementor-element.elementor-element-1adbaa7c{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-5255 .elementor-element.elementor-element-5284f8cd{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-5284f8cd:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-5284f8cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4EAF7;}.elementor-5255 .elementor-element.elementor-element-a7eece5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-5255 .elementor-element.elementor-element-34fd9df1{--e-rating-icon-font-size:20px;--e-rating-gap:15px;--e-rating-icon-marked-color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-6af33e57{text-align:center;}.elementor-5255 .elementor-element.elementor-element-6af33e57 .elementor-heading-title{font-size:20px;font-weight:300;font-style:italic;line-height:37px;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-38e5139b > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-38e5139b{font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-5ce06086{--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;}.elementor-5255 .elementor-element.elementor-element-1f2efbbb{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-1f2efbbb:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-1f2efbbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-4d3e2951{text-align:start;}.elementor-5255 .elementor-element.elementor-element-4d3e2951 .elementor-heading-title{font-size:50px;font-weight:900;text-transform:uppercase;font-style:italic;color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-1258e042{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-6b72c65b{--divider-border-style:solid;--divider-color:#EBEBEB;--divider-border-width:1px;}.elementor-5255 .elementor-element.elementor-element-6b72c65b .elementor-divider-separator{width:100%;}.elementor-5255 .elementor-element.elementor-element-6b72c65b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5255 .elementor-element.elementor-element-6f43127f > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-6f43127f{font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-2805ae02{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5255 .elementor-element.elementor-element-2805ae02:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-2805ae02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-103c6101{text-align:start;}.elementor-5255 .elementor-element.elementor-element-103c6101 .elementor-heading-title{font-size:50px;font-weight:900;text-transform:uppercase;font-style:italic;color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-750026ca{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-58f9c0f3{--divider-border-style:solid;--divider-color:#EBEBEB;--divider-border-width:1px;}.elementor-5255 .elementor-element.elementor-element-58f9c0f3 > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-58f9c0f3 .elementor-divider-separator{width:100%;}.elementor-5255 .elementor-element.elementor-element-58f9c0f3 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5255 .elementor-element.elementor-element-3e9a31a5 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-3e9a31a5{font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-2b0d0afd{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-2b0d0afd:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-2b0d0afd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5FA;}.elementor-5255 .elementor-element.elementor-element-41d87f03{--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;}.elementor-5255 .elementor-element.elementor-element-6e388bc9{--display:flex;}.elementor-5255 .elementor-element.elementor-element-59ece0af > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-59ece0af{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-5f02c159 .elementor-heading-title{font-size:45px;font-weight:900;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-4bbb3aff{--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;}.elementor-5255 .elementor-element.elementor-element-465bc7ce img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-78430fc7 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#BEBEBE;}.elementor-5255 .elementor-element.elementor-element-279a3c80{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-279a3c80:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-279a3c80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(143deg, #0F1C38 0%, #172E63 100%);}.elementor-5255 .elementor-element.elementor-element-2ae43406{--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;}.elementor-5255 .elementor-element.elementor-element-7e3760af{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5255 .elementor-element.elementor-element-5c6a2ed6{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-11a52f85{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;text-align:center;}.elementor-5255 .elementor-element.elementor-element-11a52f85 .elementor-heading-title{font-size:45px;font-weight:900;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-b819ac7{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-5216ba89 .elementor-button{background-color:#DDB86F;font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;fill:#172E63;color:#172E63;border-radius:0px 0px 0px 0px;padding:20px 30px 20px 30px;}.elementor-5255 .elementor-element.elementor-element-5216ba89 .elementor-button:hover, .elementor-5255 .elementor-element.elementor-element-5216ba89 .elementor-button:focus{color:#172E63;}.elementor-5255 .elementor-element.elementor-element-5216ba89 .elementor-button:hover svg, .elementor-5255 .elementor-element.elementor-element-5216ba89 .elementor-button:focus svg{fill:#172E63;}.elementor-5255 .elementor-element.elementor-element-32a5c06a .elementor-button{background-color:#DDB86F00;font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:20px 30px 20px 30px;}.elementor-5255 .elementor-element.elementor-element-32a5c06a .elementor-button:hover, .elementor-5255 .elementor-element.elementor-element-32a5c06a .elementor-button:focus{color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-32a5c06a .elementor-button:hover svg, .elementor-5255 .elementor-element.elementor-element-32a5c06a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-668f4c31{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-668f4c31:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-668f4c31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4EAF7;}.elementor-5255 .elementor-element.elementor-element-5ce98086{--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;}.elementor-5255 .elementor-element.elementor-element-16a63c5d{--display:flex;}.elementor-5255 .elementor-element.elementor-element-c1bad72 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-c1bad72{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-548f4fab .elementor-heading-title{font-size:45px;font-weight:900;text-transform:uppercase;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-676c4de3{font-family:"Montserrat", Sans-serif;font-size:20px;color:#727272;}.elementor-5255 .elementor-element.elementor-element-776310b0{--divider-border-style:solid;--divider-color:#A5A5A5;--divider-border-width:1px;}.elementor-5255 .elementor-element.elementor-element-776310b0 > .elementor-widget-container{margin:-20px 0px -20px 0px;}.elementor-5255 .elementor-element.elementor-element-776310b0 .elementor-divider-separator{width:100%;}.elementor-5255 .elementor-element.elementor-element-776310b0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5255 .elementor-element.elementor-element-6c3a3fa6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-6c3a3fa6{font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-308d48f2 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-308d48f2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;font-style:italic;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-7ec26d55{--divider-border-style:solid;--divider-color:#A5A5A5;--divider-border-width:1px;}.elementor-5255 .elementor-element.elementor-element-7ec26d55 > .elementor-widget-container{margin:-20px 0px -20px 0px;}.elementor-5255 .elementor-element.elementor-element-7ec26d55 .elementor-divider-separator{width:100%;}.elementor-5255 .elementor-element.elementor-element-7ec26d55 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5255 .elementor-element.elementor-element-607cf689 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-607cf689{font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#0342D3;}.elementor-5255 .elementor-element.elementor-element-518e8fa5 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-518e8fa5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;font-style:italic;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-57faf371{--divider-border-style:solid;--divider-color:#A5A5A5;--divider-border-width:1px;}.elementor-5255 .elementor-element.elementor-element-57faf371 > .elementor-widget-container{margin:-20px 0px -20px 0px;}.elementor-5255 .elementor-element.elementor-element-57faf371 .elementor-divider-separator{width:100%;}.elementor-5255 .elementor-element.elementor-element-57faf371 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5255 .elementor-element.elementor-element-c6380f1 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-c6380f1{font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#777777;}.elementor-5255 .elementor-element.elementor-element-5c67adbe .elementor-repeater-item-7ef5a1c.elementor-social-icon{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-5c67adbe .elementor-repeater-item-7ef5a1c.elementor-social-icon i{color:#172E63;}.elementor-5255 .elementor-element.elementor-element-5c67adbe .elementor-repeater-item-7ef5a1c.elementor-social-icon svg{fill:#172E63;}.elementor-5255 .elementor-element.elementor-element-5c67adbe .elementor-repeater-item-14f787f.elementor-social-icon{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-5c67adbe .elementor-repeater-item-14f787f.elementor-social-icon i{color:#172E63;}.elementor-5255 .elementor-element.elementor-element-5c67adbe .elementor-repeater-item-14f787f.elementor-social-icon svg{fill:#172E63;}.elementor-5255 .elementor-element.elementor-element-5c67adbe .elementor-repeater-item-70270f7.elementor-social-icon{background-color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-5c67adbe .elementor-repeater-item-70270f7.elementor-social-icon i{color:#172E63;}.elementor-5255 .elementor-element.elementor-element-5c67adbe .elementor-repeater-item-70270f7.elementor-social-icon svg{fill:#172E63;}.elementor-5255 .elementor-element.elementor-element-5c67adbe{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-5255 .elementor-element.elementor-element-5c67adbe .elementor-widget-container{text-align:left;}.elementor-5255 .elementor-element.elementor-element-3fa8a925{--display:flex;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:37px;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-37px;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-labels-inline .elementor-field-group > label{padding-left:15px;}body:not(.rtl) .elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-labels-inline .elementor-field-group > label{padding-right:15px;}body .elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-labels-above .elementor-field-group > label{padding-bottom:15px;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-field-group > label, .elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-field-subgroup label{color:#172E63;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-field-type-html{padding-bottom:60px;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#D6D6D6;border-radius:0px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#D6D6D6;border-radius:0px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-field-group .elementor-select-wrapper::before{color:#D6D6D6;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-button{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:500;padding:20px 0px 20px 0px;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .e-form__buttons__wrapper__button-next{background-color:#DDB86F;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-button[type="submit"]{background-color:#DDB86F;color:#172E63;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-button[type="submit"] svg *{fill:#172E63;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .e-form__buttons__wrapper__button-next:hover{background-color:#172E63;color:#ffffff;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-button[type="submit"]:hover{background-color:#172E63;color:#ffffff;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-5255 .elementor-element.elementor-element-6a8a8b3a{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-5255 .elementor-element.elementor-element-84718f1{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5255 .elementor-element.elementor-element-84718f1:not(.elementor-motion-effects-element-type-background), .elementor-5255 .elementor-element.elementor-element-84718f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1C38;}.elementor-5255 .elementor-element.elementor-element-6b20e3b6{--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;}.elementor-5255 .elementor-element.elementor-element-3a73da15{--display:flex;}.elementor-5255 .elementor-element.elementor-element-f1ae738{text-align:start;}.elementor-5255 .elementor-element.elementor-element-f1ae738 img{max-width:50%;}.elementor-5255 .elementor-element.elementor-element-217896de{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-388fe420{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-47f51c8a .elementor-repeater-item-7ef5a1c.elementor-social-icon{background-color:#1A2E5A;}.elementor-5255 .elementor-element.elementor-element-47f51c8a .elementor-repeater-item-7ef5a1c.elementor-social-icon i{color:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-47f51c8a .elementor-repeater-item-7ef5a1c.elementor-social-icon svg{fill:#FFFFFF;}.elementor-5255 .elementor-element.elementor-element-47f51c8a .elementor-repeater-item-14f787f.elementor-social-icon{background-color:#1A2E5A;}.elementor-5255 .elementor-element.elementor-element-47f51c8a .elementor-repeater-item-70270f7.elementor-social-icon{background-color:#1A2E5A;}.elementor-5255 .elementor-element.elementor-element-47f51c8a{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-5255 .elementor-element.elementor-element-47f51c8a .elementor-widget-container{text-align:left;}.elementor-5255 .elementor-element.elementor-element-2ee1b0ac{--display:flex;}.elementor-5255 .elementor-element.elementor-element-38ec6974{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-6497a39e{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-4a731c9d > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-4a731c9d{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-417ff191 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-417ff191{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-6f5435da{--display:flex;}.elementor-5255 .elementor-element.elementor-element-4353fec2{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-9f8efb1{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-d527b6c > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-d527b6c{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-22188b0c > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-22188b0c{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-563543c5{--display:flex;}.elementor-5255 .elementor-element.elementor-element-79199438{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#DDB86F;}.elementor-5255 .elementor-element.elementor-element-20c6b593{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-608e22f5 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-608e22f5{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-65345de9 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-65345de9{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-569ea62a > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-569ea62a{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-4933b816 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-5255 .elementor-element.elementor-element-4933b816{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-168d1a39{--divider-border-style:solid;--divider-color:#FFFFFF6E;--divider-border-width:1px;}.elementor-5255 .elementor-element.elementor-element-168d1a39 .elementor-divider-separator{width:100%;}.elementor-5255 .elementor-element.elementor-element-168d1a39 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5255 .elementor-element.elementor-element-68ac5a4d{--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;}.elementor-5255 .elementor-element.elementor-element-6d4ed981{--display:flex;}.elementor-5255 .elementor-element.elementor-element-552ef4d7{font-family:"Montserrat", Sans-serif;}.elementor-5255 .elementor-element.elementor-element-1797d23d{--display:flex;}.elementor-5255 .elementor-element.elementor-element-52af921e{text-align:end;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.7px;color:#DDB86F;}@media(min-width:768px){.elementor-5255 .elementor-element.elementor-element-16932246{--width:16.441%;}.elementor-5255 .elementor-element.elementor-element-3f40de8a{--width:57.033%;}.elementor-5255 .elementor-element.elementor-element-147764ba{--width:68.943%;}.elementor-5255 .elementor-element.elementor-element-2bfa5821{--width:40%;}.elementor-5255 .elementor-element.elementor-element-2382f7b5{--width:40%;}}@media(max-width:767px){.elementor-5255 .elementor-element.elementor-element-28369d51{--padding-top:50px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-5255 .elementor-element.elementor-element-16932246{--width:60%;}.elementor-5255 .elementor-element.elementor-element-71c09f95{text-align:center;}.elementor-5255 .elementor-element.elementor-element-71c09f95 img{max-width:70%;}.elementor-5255 .elementor-element.elementor-element-3f40de8a{--width:30%;}.elementor-5255 .elementor-element.elementor-element-4bfdb9b4{text-align:center;font-size:10px;}.elementor-5255 .elementor-element.elementor-element-4334522a{text-align:center;}.elementor-5255 .elementor-element.elementor-element-4334522a .elementor-heading-title{font-size:32px;}.elementor-5255 .elementor-element.elementor-element-4b0a53d{text-align:center;}.elementor-5255 .elementor-element.elementor-element-3055a7e2{text-align:center;font-size:16px;}.elementor-5255 .elementor-element.elementor-element-3e838c61{--width:50%;}.elementor-5255 .elementor-element.elementor-element-74c3f3b2{--width:40%;}.elementor-5255 .elementor-element.elementor-element-5b00924{--width:50%;}.elementor-5255 .elementor-element.elementor-element-642a42ed{--width:40%;}.elementor-5255 .elementor-element.elementor-element-5af18adc{--width:50%;}.elementor-5255 .elementor-element.elementor-element-30439fd4{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5255 .elementor-element.elementor-element-7fe31433{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-5255 .elementor-element.elementor-element-658f76d6{font-size:14px;}.elementor-5255 .elementor-element.elementor-element-2a66a522{width:100%;max-width:100%;}.elementor-5255 .elementor-element.elementor-element-2a66a522 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-e7c9a44{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-5255 .elementor-element.elementor-element-333424d0 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-2db800c{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-465e4245 > .elementor-widget-container{margin:-30px 0px -40px 0px;}.elementor-5255 .elementor-element.elementor-element-787678c1 img{max-width:100%;}.elementor-5255 .elementor-element.elementor-element-6e982415{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-5255 .elementor-element.elementor-element-c4c28c7 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-1c5ab266 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-68d0dba9{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-357d3233 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-4d9b0507{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-69a755e6 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-2e38d7e9{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-5d71fc6e .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-36011a61{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-67835517 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-413f9728{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-35f972be .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-1f5b0a02{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-350641cf .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-74fd0a06{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-22257900 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-21949fa7{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-1abba318 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-23e69286{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-46fd450f .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-7538fa98{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-12b0ec00 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-40425271{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-5c8c791d{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-5255 .elementor-element.elementor-element-3e92adff .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-68b20fd8{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-24ef3626 .elementor-heading-title{font-size:20px;}.elementor-5255 .elementor-element.elementor-element-2c3d5369{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-4dace7f3 .elementor-heading-title{font-size:20px;}.elementor-5255 .elementor-element.elementor-element-542cc768{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-654bf8b .elementor-heading-title{font-size:20px;}.elementor-5255 .elementor-element.elementor-element-794ee273{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-10b9552b{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-5255 .elementor-element.elementor-element-3c190587 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-35d53cb9{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-32415d94{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5255 .elementor-element.elementor-element-224dfc76{text-align:center;}.elementor-5255 .elementor-element.elementor-element-276dbf19{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-5255 .elementor-element.elementor-element-1d004d4 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-18acb181{text-align:center;font-size:16px;}.elementor-5255 .elementor-element.elementor-element-6e345e2d{text-align:center;font-size:16px;}.elementor-5255 .elementor-element.elementor-element-366e83fb{text-align:center;font-size:16px;}.elementor-5255 .elementor-element.elementor-element-cc7e345{text-align:start;}.elementor-5255 .elementor-element.elementor-element-17516b03{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-12f2424{text-align:start;}.elementor-5255 .elementor-element.elementor-element-724cb67b{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-28ff41d8{text-align:start;}.elementor-5255 .elementor-element.elementor-element-f41087b{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-3230b28f{text-align:start;}.elementor-5255 .elementor-element.elementor-element-53e47db3{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-2319a70{text-align:start;}.elementor-5255 .elementor-element.elementor-element-191fd8f7{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-1adbaa7c{width:100%;max-width:100%;}.elementor-5255 .elementor-element.elementor-element-5284f8cd{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-5255 .elementor-element.elementor-element-6af33e57 .elementor-heading-title{font-size:16px;line-height:1em;}.elementor-5255 .elementor-element.elementor-element-38e5139b{text-align:center;}.elementor-5255 .elementor-element.elementor-element-1258e042{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-750026ca{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-2b0d0afd{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-5255 .elementor-element.elementor-element-5f02c159 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-279a3c80{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-5255 .elementor-element.elementor-element-11a52f85{width:100%;max-width:100%;}.elementor-5255 .elementor-element.elementor-element-11a52f85 .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-668f4c31{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-5255 .elementor-element.elementor-element-548f4fab .elementor-heading-title{font-size:26px;}.elementor-5255 .elementor-element.elementor-element-676c4de3{font-size:16px;}.elementor-5255 .elementor-element.elementor-element-84718f1{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-13036ac6 *//* ===== HEADER TRANSPARENTE → NAVY NO SCROLL ===== */ .elementor-5255 .elementor-element.elementor-element-13036ac6{ --hgis-navy:#0F1C38; --hgis-dourado:#DDB86F; --hgis-bg-scroll:#0F1C38; background:transparent !important; box-shadow:none !important; transition:background-color .35s ease, box-shadow .35s ease, padding .35s ease, margin .35s ease !important; } /* ---- estado rolado ---- */ .elementor-5255 .elementor-element.elementor-element-13036ac6.elementor-sticky--effects{ background:var(--hgis-bg-scroll) !important; box-shadow:0 4px 22px rgba(10,27,53,.28) !important; padding-top:10px !important; padding-bottom:10px !important; margin-top:10px !important; } /* ===== DESKTOP ===== */ @media (min-width:1025px){ /* links ficam brancos nos dois estados */ .elementor-5255 .elementor-element.elementor-element-13036ac6 .elementor-nav-menu a, .elementor-5255 .elementor-element.elementor-element-13036ac6 .elementor-item{ color:#FFFFFF !important; transition:color .35s ease !important; } .elementor-5255 .elementor-element.elementor-element-13036ac6 .elementor-nav-menu a:hover, .elementor-5255 .elementor-element.elementor-element-13036ac6 .elementor-item:hover, .elementor-5255 .elementor-element.elementor-element-13036ac6.elementor-sticky--effects .elementor-nav-menu a:hover, .elementor-5255 .elementor-element.elementor-element-13036ac6.elementor-sticky--effects .elementor-item:hover{ color:var(--hgis-dourado) !important; } /* botão — contorno branco no topo */ .elementor-5255 .elementor-element.elementor-element-13036ac6 .elementor-button{ background:transparent !important; color:#FFFFFF !important; border:1px solid rgba(255,255,255,.75) !important; transition:background-color .35s ease, color .35s ease, border-color .35s ease !important; } /* botão — dourado sólido quando rolado */ .elementor-5255 .elementor-element.elementor-element-13036ac6.elementor-sticky--effects .elementor-button{ background:var(--hgis-dourado) !important; color:var(--hgis-navy) !important; border-color:var(--hgis-dourado) !important; } .elementor-5255 .elementor-element.elementor-element-13036ac6.elementor-sticky--effects .elementor-button:hover{ background:transparent !important; color:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; } } /* ===== MOBILE — botão sempre dourado ===== */ @media (max-width:1024px){ .elementor-5255 .elementor-element.elementor-element-13036ac6 .elementor-button{ background:var(--hgis-dourado) !important; color:var(--hgis-navy) !important; border:1px solid var(--hgis-dourado) !important; } .elementor-5255 .elementor-element.elementor-element-13036ac6 .elementor-menu-toggle, .elementor-5255 .elementor-element.elementor-element-13036ac6.elementor-sticky--effects .elementor-menu-toggle{ color:#FFFFFF !important; } } /* ===== /HEADER SCROLL ===== *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-39d88da1 */.elementor-5255 .elementor-element.elementor-element-39d88da1{ box-shadow:inset 0 0 0 0 #DDB86F !important; transition:box-shadow .3s ease, background-color .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-39d88da1:hover{ box-shadow:inset 0 4px 0 0 #DDB86F !important; background-color:rgba(255,255,255,.06) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-523b3bb6 */.elementor-5255 .elementor-element.elementor-element-523b3bb6{ box-shadow:inset 0 0 0 0 #DDB86F !important; transition:box-shadow .3s ease, background-color .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-523b3bb6:hover{ box-shadow:inset 0 4px 0 0 #DDB86F !important; background-color:rgba(255,255,255,.06) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-17e6a63a */.elementor-5255 .elementor-element.elementor-element-17e6a63a{ box-shadow:inset 0 0 0 0 #DDB86F !important; transition:box-shadow .3s ease, background-color .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-17e6a63a:hover{ box-shadow:inset 0 4px 0 0 #DDB86F !important; background-color:rgba(255,255,255,.06) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-46049bea */.elementor-5255 .elementor-element.elementor-element-46049bea{ box-shadow:inset 0 0 0 0 #DDB86F !important; transition:box-shadow .3s ease, background-color .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-46049bea:hover{ box-shadow:inset 0 4px 0 0 #DDB86F !important; background-color:rgba(255,255,255,.06) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3ebc3ce0 */.elementor-5255 .elementor-element.elementor-element-3ebc3ce0{ box-shadow:inset 0 0 0 0 #DDB86F !important; transition:box-shadow .3s ease, background-color .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3ebc3ce0:hover{ box-shadow:inset 0 4px 0 0 #DDB86F !important; background-color:rgba(255,255,255,.06) !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-16fa3e3f *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-7443bb4a *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-6f4624fc *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-5b9a455c *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-60391b1a *//* ===== 1. PADRÃO (quando nenhuma imagem casar) ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a{ --hgis-titulo:""; --hgis-local:""; --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. MAPA IMAGEM → NOME / LOCAL ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/48"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/49"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/50"]){ --hgis-titulo:"Le Reve"; --hgis-local:"Orlando, EUA"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/51"]){ --hgis-titulo:"Ayra Greystar"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/52"]){ --hgis-titulo:"Mitre Jardins"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-32"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/35"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-33"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-1"]){ --hgis-titulo:"The Spot One"; --hgis-local:"Balneário Camboriú, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-27"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-34"]){ --hgis-titulo:"Cyrela Thera Ibirapuera"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/37"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-30"]){ --hgis-titulo:"Lavvi Vitrali Moema"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-23"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-2"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-24"]){ --hgis-titulo:"Mitre Haddock Lobo"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/54"]){ --hgis-titulo:"New Time Maceió"; --hgis-local:"Maceió, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-26"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-25"]){ --hgis-titulo:"Cyrela Atmosfera 360 Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/55"]){ --hgis-titulo:"Cyrela Legacy Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/41"]){ --hgis-titulo:"Charlie Sintra"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/56"]){ --hgis-titulo:"Branded Residences"; --hgis-local:""; } /* ===== 3. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 4. TEXTO SOBRE A FOTO ===== */ /* nome do projeto */ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{ content:var(--hgis-titulo); position:absolute; left:46px; right:46px; bottom:76px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* localização — fonte menor, abaixo do nome */ .elementor-5255 .elementor-element.elementor-element-60391b1a::before{ content:var(--hgis-local); position:absolute; left:46px; right:46px; bottom:48px; z-index:5; pointer-events:none; font-family:inherit; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.72); transition:opacity .35s ease, transform .35s ease; } /* ===== 5. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::before, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 6. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:34px !important;} /* ===== 7. MOBILE — setas sempre visíveis ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{left:22px;right:22px;bottom:58px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-60391b1a::before{left:22px;right:22px;bottom:36px;font-size:10px;letter-spacing:.14em;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-371949fa *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cfb52a2 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Universities"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::before, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-157dec44 *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-d9f743d *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d{ --hgis-eyebrow:"Segment"; --hgis-titulo:"STUDENT HOUSING"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-d9f743d::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::before, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-d9f743d::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5cfa02e4 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4{ --hgis-eyebrow:"Segment"; --hgis-titulo:"LAGUNA BIOOS"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::before, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-16fa3e3f *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-7443bb4a *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-6f4624fc *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-5b9a455c *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-60391b1a *//* ===== 1. PADRÃO (quando nenhuma imagem casar) ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a{ --hgis-titulo:""; --hgis-local:""; --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. MAPA IMAGEM → NOME / LOCAL ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/48"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/49"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/50"]){ --hgis-titulo:"Le Reve"; --hgis-local:"Orlando, EUA"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/51"]){ --hgis-titulo:"Ayra Greystar"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/52"]){ --hgis-titulo:"Mitre Jardins"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-32"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/35"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-33"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-1"]){ --hgis-titulo:"The Spot One"; --hgis-local:"Balneário Camboriú, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-27"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-34"]){ --hgis-titulo:"Cyrela Thera Ibirapuera"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/37"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-30"]){ --hgis-titulo:"Lavvi Vitrali Moema"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-23"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-2"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-24"]){ --hgis-titulo:"Mitre Haddock Lobo"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/54"]){ --hgis-titulo:"New Time Maceió"; --hgis-local:"Maceió, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-26"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-25"]){ --hgis-titulo:"Cyrela Atmosfera 360 Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/55"]){ --hgis-titulo:"Cyrela Legacy Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/41"]){ --hgis-titulo:"Charlie Sintra"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/56"]){ --hgis-titulo:"Branded Residences"; --hgis-local:""; } /* ===== 3. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 4. TEXTO SOBRE A FOTO ===== */ /* nome do projeto */ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{ content:var(--hgis-titulo); position:absolute; left:46px; right:46px; bottom:76px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* localização — fonte menor, abaixo do nome */ .elementor-5255 .elementor-element.elementor-element-60391b1a::before{ content:var(--hgis-local); position:absolute; left:46px; right:46px; bottom:48px; z-index:5; pointer-events:none; font-family:inherit; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.72); transition:opacity .35s ease, transform .35s ease; } /* ===== 5. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::before, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 6. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:34px !important;} /* ===== 7. MOBILE — setas sempre visíveis ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{left:22px;right:22px;bottom:58px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-60391b1a::before{left:22px;right:22px;bottom:36px;font-size:10px;letter-spacing:.14em;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-371949fa *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cfb52a2 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Universities"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::before, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-157dec44 *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-d9f743d *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d{ --hgis-eyebrow:"Segment"; --hgis-titulo:"STUDENT HOUSING"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-d9f743d::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::before, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-d9f743d::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5cfa02e4 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4{ --hgis-eyebrow:"Segment"; --hgis-titulo:"LAGUNA BIOOS"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::before, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-16fa3e3f *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-7443bb4a *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-6f4624fc *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-5b9a455c *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-60391b1a *//* ===== 1. PADRÃO (quando nenhuma imagem casar) ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a{ --hgis-titulo:""; --hgis-local:""; --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. MAPA IMAGEM → NOME / LOCAL ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/48"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/49"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/50"]){ --hgis-titulo:"Le Reve"; --hgis-local:"Orlando, EUA"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/51"]){ --hgis-titulo:"Ayra Greystar"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/52"]){ --hgis-titulo:"Mitre Jardins"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-32"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/35"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-33"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-1"]){ --hgis-titulo:"The Spot One"; --hgis-local:"Balneário Camboriú, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-27"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-34"]){ --hgis-titulo:"Cyrela Thera Ibirapuera"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/37"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-30"]){ --hgis-titulo:"Lavvi Vitrali Moema"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-23"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-2"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-24"]){ --hgis-titulo:"Mitre Haddock Lobo"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/54"]){ --hgis-titulo:"New Time Maceió"; --hgis-local:"Maceió, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-26"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-25"]){ --hgis-titulo:"Cyrela Atmosfera 360 Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/55"]){ --hgis-titulo:"Cyrela Legacy Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/41"]){ --hgis-titulo:"Charlie Sintra"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/56"]){ --hgis-titulo:"Branded Residences"; --hgis-local:""; } /* ===== 3. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 4. TEXTO SOBRE A FOTO ===== */ /* nome do projeto */ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{ content:var(--hgis-titulo); position:absolute; left:46px; right:46px; bottom:76px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* localização — fonte menor, abaixo do nome */ .elementor-5255 .elementor-element.elementor-element-60391b1a::before{ content:var(--hgis-local); position:absolute; left:46px; right:46px; bottom:48px; z-index:5; pointer-events:none; font-family:inherit; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.72); transition:opacity .35s ease, transform .35s ease; } /* ===== 5. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::before, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 6. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:34px !important;} /* ===== 7. MOBILE — setas sempre visíveis ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{left:22px;right:22px;bottom:58px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-60391b1a::before{left:22px;right:22px;bottom:36px;font-size:10px;letter-spacing:.14em;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-371949fa *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cfb52a2 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Universities"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::before, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-157dec44 *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-d9f743d *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d{ --hgis-eyebrow:"Segment"; --hgis-titulo:"STUDENT HOUSING"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-d9f743d::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::before, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-d9f743d::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5cfa02e4 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4{ --hgis-eyebrow:"Segment"; --hgis-titulo:"LAGUNA BIOOS"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::before, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-16fa3e3f *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-7443bb4a *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-6f4624fc *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-5b9a455c *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-60391b1a *//* ===== 1. PADRÃO (quando nenhuma imagem casar) ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a{ --hgis-titulo:""; --hgis-local:""; --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. MAPA IMAGEM → NOME / LOCAL ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/48"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/49"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/50"]){ --hgis-titulo:"Le Reve"; --hgis-local:"Orlando, EUA"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/51"]){ --hgis-titulo:"Ayra Greystar"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/52"]){ --hgis-titulo:"Mitre Jardins"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-32"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/35"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-33"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-1"]){ --hgis-titulo:"The Spot One"; --hgis-local:"Balneário Camboriú, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-27"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-34"]){ --hgis-titulo:"Cyrela Thera Ibirapuera"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/37"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-30"]){ --hgis-titulo:"Lavvi Vitrali Moema"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-23"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-2"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-24"]){ --hgis-titulo:"Mitre Haddock Lobo"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/54"]){ --hgis-titulo:"New Time Maceió"; --hgis-local:"Maceió, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-26"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-25"]){ --hgis-titulo:"Cyrela Atmosfera 360 Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/55"]){ --hgis-titulo:"Cyrela Legacy Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/41"]){ --hgis-titulo:"Charlie Sintra"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/56"]){ --hgis-titulo:"Branded Residences"; --hgis-local:""; } /* ===== 3. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 4. TEXTO SOBRE A FOTO ===== */ /* nome do projeto */ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{ content:var(--hgis-titulo); position:absolute; left:46px; right:46px; bottom:76px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* localização — fonte menor, abaixo do nome */ .elementor-5255 .elementor-element.elementor-element-60391b1a::before{ content:var(--hgis-local); position:absolute; left:46px; right:46px; bottom:48px; z-index:5; pointer-events:none; font-family:inherit; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.72); transition:opacity .35s ease, transform .35s ease; } /* ===== 5. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::before, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 6. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:34px !important;} /* ===== 7. MOBILE — setas sempre visíveis ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{left:22px;right:22px;bottom:58px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-60391b1a::before{left:22px;right:22px;bottom:36px;font-size:10px;letter-spacing:.14em;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-371949fa *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cfb52a2 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Universities"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::before, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-157dec44 *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-d9f743d *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d{ --hgis-eyebrow:"Segment"; --hgis-titulo:"STUDENT HOUSING"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-d9f743d::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::before, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-d9f743d::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5cfa02e4 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4{ --hgis-eyebrow:"Segment"; --hgis-titulo:"LAGUNA BIOOS"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::before, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-16fa3e3f *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-7443bb4a *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-6f4624fc *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-5b9a455c *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-60391b1a *//* ===== 1. PADRÃO (quando nenhuma imagem casar) ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a{ --hgis-titulo:""; --hgis-local:""; --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. MAPA IMAGEM → NOME / LOCAL ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/48"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/49"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/50"]){ --hgis-titulo:"Le Reve"; --hgis-local:"Orlando, EUA"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/51"]){ --hgis-titulo:"Ayra Greystar"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/52"]){ --hgis-titulo:"Mitre Jardins"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-32"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/35"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-33"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-1"]){ --hgis-titulo:"The Spot One"; --hgis-local:"Balneário Camboriú, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-27"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-34"]){ --hgis-titulo:"Cyrela Thera Ibirapuera"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/37"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-30"]){ --hgis-titulo:"Lavvi Vitrali Moema"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-23"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-2"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-24"]){ --hgis-titulo:"Mitre Haddock Lobo"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/54"]){ --hgis-titulo:"New Time Maceió"; --hgis-local:"Maceió, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-26"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-25"]){ --hgis-titulo:"Cyrela Atmosfera 360 Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/55"]){ --hgis-titulo:"Cyrela Legacy Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/41"]){ --hgis-titulo:"Charlie Sintra"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/56"]){ --hgis-titulo:"Branded Residences"; --hgis-local:""; } /* ===== 3. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 4. TEXTO SOBRE A FOTO ===== */ /* nome do projeto */ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{ content:var(--hgis-titulo); position:absolute; left:46px; right:46px; bottom:76px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* localização — fonte menor, abaixo do nome */ .elementor-5255 .elementor-element.elementor-element-60391b1a::before{ content:var(--hgis-local); position:absolute; left:46px; right:46px; bottom:48px; z-index:5; pointer-events:none; font-family:inherit; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.72); transition:opacity .35s ease, transform .35s ease; } /* ===== 5. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::before, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 6. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:34px !important;} /* ===== 7. MOBILE — setas sempre visíveis ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{left:22px;right:22px;bottom:58px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-60391b1a::before{left:22px;right:22px;bottom:36px;font-size:10px;letter-spacing:.14em;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-371949fa *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cfb52a2 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Universities"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::before, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-157dec44 *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-d9f743d *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d{ --hgis-eyebrow:"Segment"; --hgis-titulo:"STUDENT HOUSING"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-d9f743d::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::before, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-d9f743d::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5cfa02e4 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4{ --hgis-eyebrow:"Segment"; --hgis-titulo:"LAGUNA BIOOS"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::before, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-16fa3e3f *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-7443bb4a *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-6f4624fc *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-5b9a455c *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-60391b1a *//* ===== 1. PADRÃO (quando nenhuma imagem casar) ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a{ --hgis-titulo:""; --hgis-local:""; --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. MAPA IMAGEM → NOME / LOCAL ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/48"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/49"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/50"]){ --hgis-titulo:"Le Reve"; --hgis-local:"Orlando, EUA"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/51"]){ --hgis-titulo:"Ayra Greystar"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/52"]){ --hgis-titulo:"Mitre Jardins"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-32"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/35"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-33"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-1"]){ --hgis-titulo:"The Spot One"; --hgis-local:"Balneário Camboriú, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-27"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-34"]){ --hgis-titulo:"Cyrela Thera Ibirapuera"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/37"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-30"]){ --hgis-titulo:"Lavvi Vitrali Moema"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-23"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-2"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-24"]){ --hgis-titulo:"Mitre Haddock Lobo"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/54"]){ --hgis-titulo:"New Time Maceió"; --hgis-local:"Maceió, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-26"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-25"]){ --hgis-titulo:"Cyrela Atmosfera 360 Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/55"]){ --hgis-titulo:"Cyrela Legacy Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/41"]){ --hgis-titulo:"Charlie Sintra"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/56"]){ --hgis-titulo:"Branded Residences"; --hgis-local:""; } /* ===== 3. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 4. TEXTO SOBRE A FOTO ===== */ /* nome do projeto */ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{ content:var(--hgis-titulo); position:absolute; left:46px; right:46px; bottom:76px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* localização — fonte menor, abaixo do nome */ .elementor-5255 .elementor-element.elementor-element-60391b1a::before{ content:var(--hgis-local); position:absolute; left:46px; right:46px; bottom:48px; z-index:5; pointer-events:none; font-family:inherit; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.72); transition:opacity .35s ease, transform .35s ease; } /* ===== 5. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::before, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 6. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:34px !important;} /* ===== 7. MOBILE — setas sempre visíveis ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{left:22px;right:22px;bottom:58px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-60391b1a::before{left:22px;right:22px;bottom:36px;font-size:10px;letter-spacing:.14em;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-371949fa *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cfb52a2 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Universities"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::before, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-157dec44 *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-d9f743d *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d{ --hgis-eyebrow:"Segment"; --hgis-titulo:"STUDENT HOUSING"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-d9f743d::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::before, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-d9f743d::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5cfa02e4 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4{ --hgis-eyebrow:"Segment"; --hgis-titulo:"LAGUNA BIOOS"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::before, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-16fa3e3f *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-7443bb4a *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-6f4624fc *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-5b9a455c *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-60391b1a *//* ===== 1. PADRÃO (quando nenhuma imagem casar) ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a{ --hgis-titulo:""; --hgis-local:""; --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. MAPA IMAGEM → NOME / LOCAL ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/48"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/49"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/50"]){ --hgis-titulo:"Le Reve"; --hgis-local:"Orlando, EUA"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/51"]){ --hgis-titulo:"Ayra Greystar"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/52"]){ --hgis-titulo:"Mitre Jardins"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-32"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/35"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-33"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-1"]){ --hgis-titulo:"The Spot One"; --hgis-local:"Balneário Camboriú, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-27"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-34"]){ --hgis-titulo:"Cyrela Thera Ibirapuera"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/37"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-30"]){ --hgis-titulo:"Lavvi Vitrali Moema"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-23"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-2"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-24"]){ --hgis-titulo:"Mitre Haddock Lobo"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/54"]){ --hgis-titulo:"New Time Maceió"; --hgis-local:"Maceió, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-26"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-25"]){ --hgis-titulo:"Cyrela Atmosfera 360 Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/55"]){ --hgis-titulo:"Cyrela Legacy Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/41"]){ --hgis-titulo:"Charlie Sintra"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/56"]){ --hgis-titulo:"Branded Residences"; --hgis-local:""; } /* ===== 3. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 4. TEXTO SOBRE A FOTO ===== */ /* nome do projeto */ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{ content:var(--hgis-titulo); position:absolute; left:46px; right:46px; bottom:76px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* localização — fonte menor, abaixo do nome */ .elementor-5255 .elementor-element.elementor-element-60391b1a::before{ content:var(--hgis-local); position:absolute; left:46px; right:46px; bottom:48px; z-index:5; pointer-events:none; font-family:inherit; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.72); transition:opacity .35s ease, transform .35s ease; } /* ===== 5. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::before, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 6. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:34px !important;} /* ===== 7. MOBILE — setas sempre visíveis ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{left:22px;right:22px;bottom:58px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-60391b1a::before{left:22px;right:22px;bottom:36px;font-size:10px;letter-spacing:.14em;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-371949fa *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cfb52a2 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Universities"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::before, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-157dec44 *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-d9f743d *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d{ --hgis-eyebrow:"Segment"; --hgis-titulo:"STUDENT HOUSING"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-d9f743d::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::before, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-d9f743d::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5cfa02e4 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4{ --hgis-eyebrow:"Segment"; --hgis-titulo:"LAGUNA BIOOS"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::before, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-16fa3e3f *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-7443bb4a *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-6f4624fc *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-5b9a455c *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-60391b1a *//* ===== 1. PADRÃO (quando nenhuma imagem casar) ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a{ --hgis-titulo:""; --hgis-local:""; --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. MAPA IMAGEM → NOME / LOCAL ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/48"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/49"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/50"]){ --hgis-titulo:"Le Reve"; --hgis-local:"Orlando, EUA"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/51"]){ --hgis-titulo:"Ayra Greystar"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/52"]){ --hgis-titulo:"Mitre Jardins"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-32"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/35"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-33"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-1"]){ --hgis-titulo:"The Spot One"; --hgis-local:"Balneário Camboriú, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-27"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-34"]){ --hgis-titulo:"Cyrela Thera Ibirapuera"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/37"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-30"]){ --hgis-titulo:"Lavvi Vitrali Moema"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-23"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-2"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-24"]){ --hgis-titulo:"Mitre Haddock Lobo"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/54"]){ --hgis-titulo:"New Time Maceió"; --hgis-local:"Maceió, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-26"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-25"]){ --hgis-titulo:"Cyrela Atmosfera 360 Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/55"]){ --hgis-titulo:"Cyrela Legacy Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/41"]){ --hgis-titulo:"Charlie Sintra"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/56"]){ --hgis-titulo:"Branded Residences"; --hgis-local:""; } /* ===== 3. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 4. TEXTO SOBRE A FOTO ===== */ /* nome do projeto */ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{ content:var(--hgis-titulo); position:absolute; left:46px; right:46px; bottom:76px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* localização — fonte menor, abaixo do nome */ .elementor-5255 .elementor-element.elementor-element-60391b1a::before{ content:var(--hgis-local); position:absolute; left:46px; right:46px; bottom:48px; z-index:5; pointer-events:none; font-family:inherit; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.72); transition:opacity .35s ease, transform .35s ease; } /* ===== 5. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::before, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 6. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:34px !important;} /* ===== 7. MOBILE — setas sempre visíveis ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{left:22px;right:22px;bottom:58px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-60391b1a::before{left:22px;right:22px;bottom:36px;font-size:10px;letter-spacing:.14em;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-371949fa *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cfb52a2 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Universities"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::before, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-157dec44 *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-d9f743d *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d{ --hgis-eyebrow:"Segment"; --hgis-titulo:"STUDENT HOUSING"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-d9f743d::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::before, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-d9f743d::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5cfa02e4 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4{ --hgis-eyebrow:"Segment"; --hgis-titulo:"LAGUNA BIOOS"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::before, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9379a18 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18{ --hgis-eyebrow:"Segment"; --hgis-titulo:"rosewood dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-9379a18::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18:hover::before, .elementor-5255 .elementor-element.elementor-element-9379a18:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-9379a18:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-9379a18::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-9379a18::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-9379a18 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-615ba469 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469{ --hgis-eyebrow:"Segment"; --hgis-titulo:"kempinski deira dubai"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-615ba469::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469:hover::before, .elementor-5255 .elementor-element.elementor-element-615ba469:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-615ba469:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-615ba469::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-615ba469::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-615ba469 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-629e8d5b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"palácio tangará"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::before, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-629e8d5b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-629e8d5b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-180c6e92 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-180c6e92::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::before, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-180c6e92::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-180c6e92::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-180c6e92 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-74c5b386 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386{ --hgis-eyebrow:"Segment"; --hgis-titulo:"fasano"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-74c5b386::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::before, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-74c5b386::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-74c5b386::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-74c5b386 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-37963f58 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58{ --hgis-eyebrow:"Segment"; --hgis-titulo:"pulso"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-37963f58::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58:hover::before, .elementor-5255 .elementor-element.elementor-element-37963f58:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-37963f58:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-37963f58::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-37963f58::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-37963f58 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-49c4790e *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e{ --hgis-eyebrow:"Segment"; --hgis-titulo:"dubailand"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-49c4790e::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::before, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-49c4790e::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-49c4790e::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-49c4790e .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-3c5933f3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"jumby bay island"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::before, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-3c5933f3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-3c5933f3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-172c380 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-172c380{ --hgis-eyebrow:"Segment"; --hgis-titulo:"costão do santinho"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-172c380::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-172c380::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-172c380:hover::before, .elementor-5255 .elementor-element.elementor-element-172c380:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-172c380:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-172c380::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-172c380::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-172c380 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2ffb17ba *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ipioca resort"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::before, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2ffb17ba::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2ffb17ba .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-16fa3e3f *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-16fa3e3f .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-16fa3e3f .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-79646346 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-79646346{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Manaus"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-79646346::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-79646346::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-79646346:hover::before, .elementor-5255 .elementor-element.elementor-element-79646346:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-79646346:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-79646346::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-79646346::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-79646346 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5d80fef3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"canopy by hilton"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::before, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5d80fef3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5d80fef3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-f701630 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-f701630{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sheraton santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-f701630::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-f701630::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-f701630:hover::before, .elementor-5255 .elementor-element.elementor-element-f701630:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-f701630:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-f701630::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-f701630::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-f701630 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-1eaf60e8 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hilton rio de janeiro"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::before, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-1eaf60e8::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-1eaf60e8 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-7443bb4a *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-7443bb4a .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-7443bb4a .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f70785f *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ac porto maravilha"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2f70785f::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::before, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2f70785f::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2f70785f::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2f70785f .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cb28320 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320{ --hgis-eyebrow:"Segment"; --hgis-titulo:"radisson"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cb28320::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320:hover::before, .elementor-5255 .elementor-element.elementor-element-cb28320:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cb28320:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cb28320::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cb28320::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cb28320 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-245855ce *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce{ --hgis-eyebrow:"Segment"; --hgis-titulo:"novotel santos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-245855ce::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce:hover::before, .elementor-5255 .elementor-element.elementor-element-245855ce:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-245855ce:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-245855ce::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-245855ce::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-245855ce .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-6f4624fc *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-6f4624fc .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-6f4624fc .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-7b6ed90 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90{ --hgis-eyebrow:"Segment"; --hgis-titulo:"towneplace"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::before, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-7b6ed90::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-7b6ed90 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-34de12fb *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb{ --hgis-eyebrow:"Segment"; --hgis-titulo:"tryp brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-34de12fb::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::before, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-34de12fb::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-34de12fb::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-34de12fb .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2167eaee *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee{ --hgis-eyebrow:"Segment"; --hgis-titulo:"ramada brasília"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-2167eaee::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::before, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-2167eaee::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-2167eaee::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-2167eaee .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5b2dc30 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30{ --hgis-eyebrow:"Segment"; --hgis-titulo:"sleep inn guarulhos"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::before, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b2dc30::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5b2dc30 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-5b9a455c *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-5b9a455c .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-5b9a455c .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-60391b1a *//* ===== 1. PADRÃO (quando nenhuma imagem casar) ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a{ --hgis-titulo:""; --hgis-local:""; --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. MAPA IMAGEM → NOME / LOCAL ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/48"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/49"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/50"]){ --hgis-titulo:"Le Reve"; --hgis-local:"Orlando, EUA"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/51"]){ --hgis-titulo:"Ayra Greystar"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/52"]){ --hgis-titulo:"Mitre Jardins"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-32"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/35"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-33"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-1"]){ --hgis-titulo:"The Spot One"; --hgis-local:"Balneário Camboriú, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-27"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-34"]){ --hgis-titulo:"Cyrela Thera Ibirapuera"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/37"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-30"]){ --hgis-titulo:"Lavvi Vitrali Moema"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-23"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/Design-sem-nome-2"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-24"]){ --hgis-titulo:"Mitre Haddock Lobo"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/54"]){ --hgis-titulo:"New Time Maceió"; --hgis-local:"Maceió, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-26"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-25"]){ --hgis-titulo:"Cyrela Atmosfera 360 Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/55"]){ --hgis-titulo:"Cyrela Legacy Brooklin"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/Slide-16_9-29"]), .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/09/41"]){ --hgis-titulo:"Charlie Sintra"; --hgis-local:"São Paulo, Brasil"; } .elementor-5255 .elementor-element.elementor-element-60391b1a:has(.swiper-slide-active img[src*="/2026/10/56"]){ --hgis-titulo:"Branded Residences"; --hgis-local:""; } /* ===== 3. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 4. TEXTO SOBRE A FOTO ===== */ /* nome do projeto */ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{ content:var(--hgis-titulo); position:absolute; left:46px; right:46px; bottom:76px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* localização — fonte menor, abaixo do nome */ .elementor-5255 .elementor-element.elementor-element-60391b1a::before{ content:var(--hgis-local); position:absolute; left:46px; right:46px; bottom:48px; z-index:5; pointer-events:none; font-family:inherit; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.72); transition:opacity .35s ease, transform .35s ease; } /* ===== 5. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::before, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 6. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:34px !important;} /* ===== 7. MOBILE — setas sempre visíveis ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-60391b1a::after{left:22px;right:22px;bottom:58px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-60391b1a::before{left:22px;right:22px;bottom:36px;font-size:10px;letter-spacing:.14em;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-60391b1a .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-62a56ee3 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Hotels"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::before, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-62a56ee3::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-62a56ee3 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-371949fa *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-371949fa .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-371949fa .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-cfb52a2 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Universities"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::before, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-cfb52a2::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-cfb52a2 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-855ae0b *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b{ --hgis-eyebrow:"Segment"; --hgis-titulo:"Beyond the club, são paulo"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-855ae0b::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::before, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-855ae0b::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-855ae0b::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-855ae0b .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-157dec44 *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-157dec44 .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-157dec44 .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-d9f743d *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d{ --hgis-eyebrow:"Segment"; --hgis-titulo:"STUDENT HOUSING"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-d9f743d::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::before, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-d9f743d::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-d9f743d::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-d9f743d .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-5cfa02e4 *//* ===== 1. EDITE APENAS ESTAS DUAS LINHAS EM CADA ABA ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4{ --hgis-eyebrow:"Segment"; --hgis-titulo:"LAGUNA BIOOS"; /* ---- ajustes opcionais ---- */ --hgis-dourado:#DDB86F; --hgis-navy:#0A1B35; position:relative !important; } /* ===== 2. SOBREPOSIÇÃO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper{ position:relative !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-image-carousel-wrapper::after{ content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:linear-gradient(to top, rgba(10,27,53,.88) 0%, rgba(10,27,53,.55) 26%, rgba(10,27,53,.22) 52%, rgba(10,27,53,.30) 100%); transition:opacity .4s ease; } /* ===== 3. TEXTO SOBRE A FOTO ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{ content:var(--hgis-eyebrow); position:absolute; left:46px; bottom:104px; z-index:5; pointer-events:none; font-family:inherit; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); transition:opacity .35s ease, transform .35s ease; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{ content:var(--hgis-titulo); position:absolute; left:46px; bottom:54px; z-index:5; pointer-events:none; font-family:inherit; font-size:clamp(22px,2.1vw,34px); font-weight:800; letter-spacing:.01em; line-height:1.1; text-transform:uppercase; color:#FFFFFF; transition:opacity .35s ease, transform .35s ease; } /* ===== 4. NO HOVER: some o texto, clareia a foto ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::before, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover::after{ opacity:0; transform:translateY(10px); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-main-swiper::after, .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-image-carousel-wrapper::after{ opacity:.35; } /* ===== 5. SETAS — aparecem só no hover ===== */ .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ z-index:10 !important; width:62px !important; height:62px !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.55) !important; background:rgba(10,27,53,.34) !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex !important; align-items:center !important; justify-content:center !important; opacity:0; transition:opacity .35s ease, background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:20px !important; width:20px !important; height:20px !important; color:#FFFFFF !important; fill:#FFFFFF !important; transition:color .3s ease, fill .3s ease !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4:hover .elementor-swiper-button{ opacity:1; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover{ background:var(--hgis-dourado) !important; border-color:var(--hgis-dourado) !important; transform:scale(1.07); } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button:hover svg{ color:var(--hgis-navy) !important; fill:var(--hgis-navy) !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:34px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:34px !important;} /* ===== 6. MOBILE — setas sempre visíveis (não existe hover) ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-5cfa02e4::before{left:22px;bottom:82px;font-size:10px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4::after{left:22px;bottom:38px;font-size:20px;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button{ opacity:1; width:46px !important; height:46px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button i, .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button svg{ font-size:16px !important; width:16px !important; height:16px !important; } .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-prev{left:12px !important;} .elementor-5255 .elementor-element.elementor-element-5cfa02e4 .elementor-swiper-button-next{right:12px !important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-351d78b *//* ===== ABAS EM 2 COLUNAS NO MOBILE ===== */ @media (max-width:767px){ .elementor-5255 .elementor-element.elementor-element-351d78b .elementor-tabs-wrapper, .elementor-5255 .elementor-element.elementor-element-351d78b .e-n-tabs-heading{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:8px !important; width:100% !important; } .elementor-5255 .elementor-element.elementor-element-351d78b .elementor-tab-title, .elementor-5255 .elementor-element.elementor-element-351d78b .e-n-tab-title{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:14px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12px !important; letter-spacing:.05em !important; line-height:1.3 !important; box-sizing:border-box !important; overflow-wrap:break-word; word-break:normal; hyphens:none; } .elementor-5255 .elementor-element.elementor-element-351d78b .elementor-tab-mobile-title{ display:none !important; } } /* ===== /ABAS 2 COLUNAS ===== */ .elementor-5255 .elementor-element.elementor-element-351d78b .elementor-tab-title:last-child, .elementor-5255 .elementor-element.elementor-element-351d78b .e-n-tab-title:last-child{ grid-column:span 2 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4edbc05f */.elementor-5255 .elementor-element.elementor-element-4edbc05f{ box-shadow:inset 0 4px 0 0 #DDB86F !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f9031a1 */.elementor-5255 .elementor-element.elementor-element-2f9031a1{ box-shadow:inset 0 4px 0 0 #DDB86F !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2951ed77 */.elementor-5255 .elementor-element.elementor-element-2951ed77{ box-shadow:inset 0 4px 0 0 #DDB86F !important; }/* End custom CSS */